<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:a4j="http://richfaces.org/a4j"
	xmlns:rich="http://richfaces.org/rich">

<ui:composition
	template="/WEB-INF/facelets/templates/templateAsesor.xhtml">
	<ui:define name="content">
	<h3 align="center" style="color: #FF9900">Responder Consultas </h3>
		<br />
		<br />
		<p>Acontinuación encontraras la información del grupo de  la cual  responderas a su respectiva consulta.</p>
		<br/>
		<br/>
		<h:form>
			<h:panelGrid columns="2">
				<h:outputText value="Grupo:" />
				<h:outputText value="#{asesorBean.consultaSeleccionada.nombreGrupo}" />

				<h:outputText value="Investigacion:" />
				<h:outputText
					value="#{asesorBean.consultaSeleccionada.nombreInvestigacion}" />

				<h:outputText value="Sede:" />
				<h:outputText value="#{asesorBean.consultaSeleccionada.sede}" />

				<h:outputText value="Municipio:" />
				<h:outputText value="#{asesorBean.consultaSeleccionada.municipio}" />

				<h:outputText value="Tema:" />
				<h:outputText value="#{asesorBean.consultaSeleccionada.tema}" />

				<h:outputText value="Consulta:" />
				<h:outputFormat value="#{asesorBean.consultaSeleccionada.consulta}" />
			</h:panelGrid>
			<br />
			<a4j:commandLink value="Responder esta consulta" oncomplete="#{rich:component('newPanel')}.show()"></a4j:commandLink>
			<br />
			<br />

   
			<a4j:region>
				<rich:dataTable value="#{asesorBean.listaRespuestas}" id="tablaRespuesta"
					var="respuesta" binding="#{asesorBean.tablaRespuesta}">
					<f:facet name="header">
						<h:outputText value="Rspuestas hechas a esta consulta" />
					</f:facet>
					<rich:column>
						<f:facet name="header">
							<h:outputText value="Identificacion:" />
						</f:facet>
						<h:outputText value="#{respuesta.identificacion}" id="id" />
					</rich:column>
					<rich:column>
						<f:facet name="header">
							<h:outputText value="Respuesta:" />
						</f:facet>
						<h:outputText value="#{respuesta.respuesta}" id="repuesta" />
					</rich:column>
				</rich:dataTable>
			</a4j:region>
		</h:form>
		
		<rich:modalPanel id="newPanel" autosized="true" width="400"
			style="background-color:white;">
			<f:facet name="header">
				<h:outputText value="Hacer una nueva respuesta a esta consulta" />
			</f:facet>
			<f:facet name="controls">
				<h:panelGroup>
					<h:graphicImage value="/images/icons/close.jpg" id="hidelinksel"
						styleClass="hidelink" />
					<rich:componentControl for="newPanel" attachTo="hidelinksel"
						operation="hide" event="onclick" />
				</h:panelGroup>
			</f:facet>
			<h:form>
				<rich:messages style="color:red;"></rich:messages>
				<h:panelGrid columns="1">
					<a4j:outputPanel ajaxRendered="true">
						<h:panelGrid columns="2" style="width: 401px; ">
							<h:outputText value="Respuesta:" />
							<h:inputTextarea value="#{asesorBean.nuevaRespuesta.respuesta}" style="width: 300px; height: 60px; "/>
							
							<a4j:commandButton value="Aceptar" action="#{asesorBean.crearRespuesta}"></a4j:commandButton>
						</h:panelGrid>
					</a4j:outputPanel>
				</h:panelGrid>
			</h:form>
		</rich:modalPanel>
		
	</ui:define>
</ui:composition>
</html>